* {
    padding: 0;
    margin: 0;
}

.main {
    // background: pink;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    flex-direction: column;

    .up {
        height: 90%;
        width: 100%;
        // background: green;
        display: flex;
        justify-content: space-around;


        .included {
            width: 49%;
            background: rgb(255, 255, 255);
            border-radius: 1vh;
            .name {
                width: 100%;
                height: 5vh;
                font-size: 1vw;
                font-weight: 600;
                margin-top: 2vh;
            }

            .el-table{
               height: 80%; 
               width: 100%;
               overflow: hidden;
            }
            .bottomButton{
                margin-top: 2vh;;
                margin-right: 3vw;
                display: flex;
                justify-content: start;

                button{
                    height: 5vh;
                    width: 7vw;
                    border-radius: 0.5vh;
                    border: 0ch;
                    color: rgb(253, 254, 255);
                    margin-left: 1vh;
                    font-size: 1vw;
                    cursor: pointer;
                    background:rgb(71, 130, 188) ;
                }
            }
        }

        .unincluded {
            width: 49%;
            background: white;
            border-radius: 1vh;
            .name {
                width: 100%;
                height: 5vh;
                font-size: 1vw;
                font-weight: 600;
                margin-top: 2vh;
            }
            
            .el-table{
                height: 80%; 
                width: 100%;
                overflow: hidden;
             }
             .bottomButton{
                 margin-top: 2vh;;
                 margin-right: 3vw;
                 display: flex;
                 justify-content: start;
 
                 button{
                     height: 5vh;
                     width: 7vw;
                     border-radius: 0.5vh;
                     border: 0ch;
                     color: rgb(253, 254, 255);
                     margin-left: 1vh;
                     font-size: 1vw;
                     cursor: pointer;
                     background:rgb(71, 130, 188) ;
                 }
             }
        }
    }

    .bottom {
        height: 9%;
        width: 60%;
        margin-top: 1%;
        // background: yellow;
        display: flex;
        justify-content: space-around;
        align-items: center;

        button {
            height: 5vh;
            width: 7vw;
            background: rgb(65, 123, 201);
            font-size: 1vw;
            color: azure;
            border: 0ch;
            border-radius: 1vh;
            cursor: pointer;
        }
    }
}

// :deep .el-table .cell {
//     box-sizing: border-box;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: normal;
//     word-break: break-all;
//     line-height: 3vh;
//     padding: 0 1vw;
// }

// :deep .cell {
//     font-size: 1vw;
//     color: black;
// }

// :deep .el-table .cell{
//     line-height: 3vh;
//     padding: 0 0.5vw;
// }
// :deep .el-table{
//     font-size: 1vw;
//     background: white;
// }
// :deep .el-table th.el-table__cell.is-leaf {
//     // border-bottom: var(--el-table-border);
//     background: rgb(220,220,220);
//     color: black;
// }



// :deep .el-table--border .el-table__inner-wrapper {
//     background: white;
// }
:deep .el-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 3vh;
    padding: 0 1vw;
}

:deep .cell {
    font-size: 1vw;
    color: black;
}